@CHARSET "UTF-8";

/* estilos para los elementos del formulario para agregar pendientes */
div.form-agregar-pendiente .e1
{
	display: block;
	float: left;
	width: 50%;
}

div.form-agregar-pendiente .e2
{
    clear: right;
    display: block;
    float: left;
    width: 50%;
}

/* div para separar contenido */
div.separador {clear: both};

/* estilo para los botones de envio centrados */
div.envio
{
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}

/*  Estilo para la marquesina de avisos */

/* Cada uno de los avisos */
div.headline {
    width: 100%;
    position: absolute;
    top: 210px;
    height: 176px
}

/* Estilo del rotativo */

/* encabezado */
div.cabeza-rotativo{
    width : 100%;
    color: #FFF;
    background-color : #96A5AC;
}

/* Contenedor de la lista */
div.cont-rotativo {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 180px;
    padding: 0px 0px 0px 0px;
}

div.pie-rotativo {
	display : block;
    height : 10px;
    width : 100%;
    color: #FFF;
    background-color : #96A5AC;
}

div.rotativo{
    display : block;
    width : 100%;
    position: relative;
    float :  left;
}

/* cada elemento del rotativo */
div.rotativo-elem{
	display : block;
	width : 100%;
	height : 44px;
	overflow:hidden;
}

/* El fondo del elemento se va alternando */
div#id0 {
	background-color : #EEE;
}
div#id1 {
	background-color : #DDD;
}

div.rotativo
{
    /*clear: both;*/
    float: left;
    display: block;
}
